$(function() {
    // 点击页码选择按钮进行页码选择
    $(".chance-page").click(function() {
            $(".page-list").css("display", "block");
        })
        // 点击页码按钮进行页码赋值
    var currentId = 0;
    $(".page-number").click(function() {
            $(".chance-page").text($(this).text());
            $(this).parent().css("display", "none")
            currentId = $(this).prop("id");

            getparams(currentId)
        })
        //点击上一页pageId减一
    $("#next-page").click(function() {
            currentId--;
            if (currentId <= 1) {
                currentId = 1;
            }
            getparams(currentId)
        })
        //点击上一页pageId++
    $("#last-page").click(function() {
            currentId++
            if (currentId => 3) {
                currentId = 2;
            }
            getparams(currentId)
        })
        // 获取地址栏中的查询字符串
    function getparams(currentId) {
        var arr = decodeURI(location.search).split("?");
        var arrU = arr[1].split("&");
        var obj = {};
        var pageId = currentId;
        for (var i = 0; i < arrU.length; i++) {
            var arrur = arrU[i].split("=");
            obj[arrur[0]] = arrur[1];
        }
        $.ajax({
            type: 'get',
            url: 'http://localhost:3000/api/getproductlist',
            data: {
                pageid: pageId,
                categoryid: obj.categoryid
            },
            dataType: 'json',
            success: function(res) {
                var obj2 = {};
                console.log(res)
                obj2 = { prolist: res.result.list }
                $(".product-list-area").html(template("product-list", obj2))
            }
        })
    }
    getparams(1)
        //点击顶部按钮回到顶部
    $(".back-top").click(function() {
            $('html,body').animate({
                scrollTop: 0
            }, 500)
        })
        //点击功能模块切换背景颜色
    $(".footer-list").on("click", "li", function() {
        $(this).addClass("active-color").siblings().removeClass("active-color");
    })
})